body {
    background-image: url('../img/bg.jpg');
    background-size: 600px;
    background-repeat: no-repeat;
    background-position: top center;
}



main {
    flex: 1;
    flex-wrap: wrap;
    padding: 26px 32px;

    .tit {
        width: 100%;
        height: 40px;
        font-size: 24px;
        text-align: left;
        color: rgba(255, 255, 255, 100);
        font-family: PingFangSC-bold;
        margin-top: 8vh;
        margin-bottom: 8vh;

        span {
            display: inline-block;
            width: 100%;
            opacity: 0.6;
            color: rgba(255, 255, 255, 100);
            font-size: 16px;
            text-align: left;
            font-family: PingFangSC-regular;
        }
    }

    .entry {
        width: 100%;

        .reg-box {
            display: flex;

            .reg {
                height: 50px;
                width: 120px;
                background: #fff;
                margin-left: 16px;
            }
        }

        .submit-btn {
            width: 100%;
            height: 50px;
            border-radius: 25px;
            background-color: rgba(56, 128, 91, 0.8);
            color: #fff;
        }
    }

    .hold {
        position: fixed;
        bottom: 6%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
        height: 22px;
        color: rgba(255, 255, 255, 100);
        font-size: 16px;
        text-align: center;
        font-family: PingFangSC-regular;
        font-weight: bold;

    }

    .login-text {
        position: fixed;
        top: 20px;
        right: 20px;
        font-size: 20px;
        color: #fff;

    }

    .hint {
        color: #fff;
        text-align: center;
    }
}